<template>
  <div style="color: red" :class="{ box: abc }">{{ modul }}</div>
</template>

<script>
export default {
  props: {
    modul: {
      type: Object,
      default: () => ({})
    }

  },
  data () {
    return {
      abc: 1
    }
  }
}
</script>

<style lang="less" scoped>
.box {
  background: goldenrod;
}
</style>
